<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html style="height:100%;">
<head>
<link rel="icon" href="${ctx}/resources/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="${ctx}/resources/images/favicon.ico" type="image/x-icon" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<script type="text/javascript" src="${ctx}/resources/js/public/zepto.js"></script>

<title>没有授权</title>
<script>
//判断客户端
var isPc = (function(){
	var userAgentInfo = navigator.userAgent,
		Agents 		  = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"],
		flag          = true;  
	   for (var v = 0; v < Agents.length; v++) {  
	       if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  
	   } 

	   return flag;
})(); 
</script>
<style>
	@media (min-width: 768px) {
		#pic {width:22%;}
		#note {font-size:20px !important;}
	}
</style>
</head>
<body style="background-color:#EEEED1;">
    <img id="pic" src="${ctx}/resources/images/unauthorized.png"  width="60%" style="display:block; margin:0 auto;margin-top:30px">
    <br/>
    <p id="note" style="font-size:15px; color:#009688;font-family:STKaiti;text-align:center; ">&nbsp;&nbsp;&nbsp;&nbsp;无相应操作权限，如需授权请联系系统管理员~</p>
</body>
<script>
!isPc && $('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />').appendTo('head');

window.addEventListener('load', verticalMiddle ,false);

function verticalMiddle(){
	var img  = $('#pic'),
		imgH = img.height(),
		note = $('#note'),
		noteH= note.height(),
		winH = $(window).height();

	img.css('marginTop',(winH-imgH-noteH)/2-30);
}
</script>
</html>